<template>

<!-- 同样，style也可以绑定对象和数组 -->
 <p :style="{color:activeColer, fontSize:fontSize + 'px'}">style绑定1</p>

 <p :style="object">style绑定2</p>
<!-- 绑定数组，网课说不推荐，因为和绑定对象一样 -->
 <p :style="[object]">style绑定3</p>
</template>    

<script>

export default{
    data(){
        return{
            activeColer:'red',
            fontSize:30,
            object:{
                color:'green',
                fontSize:'30px'
            }
        }
    }
}

</script>